import { getToken, removeToken, setTimeStamp, setToken } from '@/utils/auth'
import { getUserDetailById, getUserInfo, login } from '@/api/user'

const state = {
  token: getToken() || '',
  userInfo: {}
}
const mutations = {
  // 设置token
  setToken(state, token) {
    state.token = token // 修改state的token数据
    setToken(token) // 保存到本地
  },
  // 删除token
  removeToken(state) {
    state.token = null // 删除vuex的token
    removeToken() // 删除本地token
  },
  // 设置用户信息
  setUserInfo(state, userInfo) {
    state.userInfo = { ...userInfo } // 用 浅拷贝的方式去赋值对象 因为这样数据更新之后，才会触发组件的更新
  },
  // 删除用户信息
  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  async login(store, formData) {
    const data = await login(formData) // 发送登录请求
    store.commit('setToken', data)// actions 修改state 必须通过mutations
    // 保存时间戳
    setTimeStamp()
  },
  // 获取用户信息
  async getUserInfo(store) {
    const res = await getUserInfo() // 获取用户信息 ,没有用户头像
    // console.log(res)
    const baseInfo = await getUserDetailById(res.userId) // 根据id获取员工的基本信息 ,有头像
    store.commit('setUserInfo', { ...res, ...baseInfo }) // 将整个的个人信息设置到用户的vuex数据中
    // return { ...res, ...baseInfo }// ?
  },
  logout(store) {
    store.commit('removeToken')
    store.commit('removeUserInfo')
  }
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}
